import router from '@/router'
import store from '@/store'
import axios from 'axios'

// 创建实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout //请求超时
})

// 请求拦截器
service.interceptors.request.use((config) => {
  // console.log(config)
  // 全局配置请求头
  const token = store.getters.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`

    // 主动介入
    // 获取登录时的时间戳
    const loginTime = localStorage.getItem('loginTime')
    const newTime = Date.now()// 每次发送请求时,记录当前时间戳
    const time = 1000 * 60 * 60 * 5 // 定义超时时间 毫秒
    if (newTime - loginTime > time) {
      store.dispatch('user/logout') // 通过vuex调用退出登录函数
      router.push('/login')// 跳转到登录页
      return Promise.reject(new Error('身份信息过期!请重新登录!'))// 阻止当前请求
    }
  }
  return config
})

import { Message } from 'element-ui'
// 响应拦截器
service.interceptors.response.use(
  // 对成功做些什么
  (res) => {
    // console.log('网络层面的成功', res)
    const { success, message, data } = res.data
    if (success) {
      // console.log('数据层面的成功')
      return data
    } else {
      // console.log('数据层面的失败')
      Message.error(message)
      // 阻止当前请求(阻止当前操作)
      // return Promise.reject()
      return Promise.reject(new Error(message))
    }
  },
  // 对错误做些什么
  (err) => {
    // console.log('网络层面的失败', err)
    // console.dir(err)

    // token 失效的被动介入
    if (err.response && err.response.data && err.response.data.code === 10002) {
      store.dispatch('user/logout')
      router.push('/login')
      Message.error(err.response.data.message)
    } else {
      Message.error(err.message)
    }

    return Promise.reject(new Error(err.message))// 阻止请求异步请求
  })

export default service
